.login {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-image: url('@/assets/login.jpg');
  background-size: cover;
  .left {
    padding-right: 100px;
    .card {
      // color: #010c5e;
      color: #fff;
      .title {
        font-weight: bold;
        font-size: 38px;
      }
      .description {
        padding-top: 40px;
        font-size: 26px;
      }
    }
  }

  .right {
    padding-left: 100px;
    .card {
      width: 400px;
      height: 360px;
      background-color: #fff;
      // border: @border-color-base 1px solid;
      border-radius: 10px;
      box-shadow: @box-shadow-base;

      .title {
        display: flex;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        // background-color: #010c5e;
        background-color: #000;
        padding: 10px 20px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
      }
      .form {
        padding:40px 20px 30px 20px;
        .item {
          padding-bottom: 5px;
        }
      }
    }
  }
}
